// layouts/constants.js - 布局系统常量
export const LAYOUT_CONSTANTS = {
    // 🎯 Teleport 目标ID
    TARGETS: {
      HEADER_MENU: 'header-menu-container',
      SIDER_MENU_PRIMARY: 'sider-menu-container-primary', 
      SIDER_MENU_SUB: 'sider-menu-container',
      SUB_SIDER_MENU: 'sub-sider-menu-container'
    },
    
    // 🎯 布局模式
    MODES: {
      VERTICAL: 'vertical',
      HORIZONTAL: 'horizontal', 
      VERTICAL_MIX: 'vertical-mix',
      HORIZONTAL_MIX: 'horizontal-mix'
    },
    
    // 🎯 断点配置
    BREAKPOINTS: {
      MOBILE: 768,
      TABLET: 1024,
      DESKTOP: 1280
    }
  }
  
  // 🎯 导出单独的常量（向后兼容）
  export const SIDER_MENU_CONTAINER_ID = LAYOUT_CONSTANTS.TARGETS.SIDER_MENU_PRIMARY
  export const SUB_SIDER_MENU_CONTAINER_ID = LAYOUT_CONSTANTS.TARGETS.SUB_SIDER_MENU
  export const HEADER_MENU_CONTAINER_ID = LAYOUT_CONSTANTS.TARGETS.HEADER_MENU